<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-153778204-2"></script>
    <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'UA-153778204-2');
    </script>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="icon" type="image/x-icon" href="./favicon.ico">
    <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico">
    <link rel="stylesheet" href="./css/index.css">

</head>
<body>
    <div id="gameStart">
        <h1>Garbage &nbsp;Sorting&nbsp;</h1>
        <button onclick="start()">start</button>
    </div>

    <div id="gamefinish">
        <div class="divBackground"></div>
        <h2>Congratulations！</h2>
        <p>You successfully completed the garbage classification test. I believe that after you understand the importance of garbage classification, you will actively carry out garbage classification and contribute to the improvement of the environment.
Save the planet, start with you!</p>
        <button onclick="window.location.reload();">play again</button>
    </div>

    <div id="textDiv">
        <div class="divBackground"></div>
        The earth is facing great environmental problem. Due to human factors, the composition and state of the environment have changed. Compared with the original situation, the environmental quality has deteriorated, disrupting and destroying the ecosystem and people's normal living environment. It's time to make a difference. As ordinary people, the big problem of melting icebergs cannot be solved, so start with small problems. Everyone throws a lot of garbage every day, but people's awareness of garbage classification is weak. Garbage classification seems trivial, but there are about 6 billion people on the planet. From a macro perspective, this is enough to change the environment.<br/>
        However, do you know how to classify garbage?
    </div>

    <div id="hintBox">
        <h1>Hint:</h1>
        <p id="hintText"></p>
    </div>

    <script type="module" src="./js/earth.js"></script>
</body>
</html>